jq = jQuery.noConflict();
jq(function() {
	//当前页数
	var nowindex = 1;
	//设置默认加载按钮为true
	var abtn = true;
	//鼠标滚动事件
	jq(window).scroll(function() {
		//获得窗口可视高度和滚动条距离顶部距离
		var view_height = jq(window).height();
		//将jquery对象变为js对象
		var view_height_js=jq("html").get(0).clientHeight;
		var scoll_top = jq(window).scrollTop();
		//获得所有类post_content，
		//刚开始可以
		var ali = jq('.post_contenta');
		//最后一条数据距离顶部的高度last_li
//		var last_li = ali[ali.length - 1].offsetTop;
		var last_li=jq("html").get(0).scrollHeight-280;
//		var last_li=jq("html").height()-270;
		//var last_li1=jq(window).height()-270;
		//console.log(last_li,"++",last_li1)
		//可视高度和滚动条的和大于last_li，并且加载按钮为true
		if(last_li < view_height + scoll_top && abtn) {
//			console.log("最后一个元素的距离",last_li,"视窗高度",view_height,"滚动的高度",scoll_top);
//			console.log(view_height_js);
			//设置false防止重复加载
			abtn = false;
			//当前页数+1
			nowindex += 1;
			//ajax传页数值  获得接下5条数据
			jq.post('/waterfall', {
				nowpage: nowindex
			}, function(data) {
				//如果数据不为0
				if(data.length != 0) {
					//继续加载
					abtn = true;
					//
					var z;
					for (var i=0;i<data.length;i++){
						//按照格式加载数据。。。。。。
//						console.log(jq('.post_contenta:last-child'))
						jq('.post').append("<div class='col-lg-10 col-sm-10 col-md-10 col-sm-10 post_contenta'></div>");
						jq('.post_contenta:last-child').append("<div class='col-lg-5 col-sm-5 col-md-5 col-sm-5 postimga'style='padding:0;'></div>");
						jq('.post_contenta:last-child').append("<div class='col-lg-7 col-sm-7 col-md-7 col-sm-7 post_alls'style='padding-right:0;'></div>");
						jq('.postimga:last').append("<div style='background: url(/images/" + data[i].area + ".jpg) center; height: 180px;'></div>");
						jq('.post_alls:last:last-child').append("<h4 style='margin-top:-4px;font-size: 20px; font-weight:600;'><img src='/images/medal.png' style='margin-top:-4px;'/><a class='text-success' href='/u/"+data[i].name+"/"+data[i].time.day+"/"+data[i].title+"/"+data[i].area+"'target='_blank'>" + data[i].title + "</a></h4>");
						jq('.post_alls:last-child').append("<p class='info'>作者：<a href='/u/" + data[i].name + "'>" + data[i].name + "</a>" + data[i].time.minute + "</p>")
						jq('.post_alls:last-child').append("<h5 style='min-height:50px;max-height:79px;overflow: hidden;text-overflow:ellipsis;'>" + data[i].post + "</h5>");
						jq('.post_alls:last-child').append("<p class='p_pv' style='word-spacing: 3px;height: 20px;'><img src='images/eye.png' style='height: 12px;width: 20px;margin-top: -3px;'/>&nbsp;</p>" );
							if(data[i].pv) {
								jq('.p_pv:last-child').append(data[i].pv);
							} else {
								jq('.p_pv:last-child').append("0");
							}
						jq('.p_pv:last-child').append("&nbsp;&nbsp;<img src='/images/comments.png' />&nbsp;" );
							if(data[i].comments) {
								jq('.p_pv:last-child').append(data[i].comments.length);
							} else {
								jq('.p_pv:last-child').append("0");
							}
						
					}

				} else {
					abtn = false;
					jq('.post').append("<div class='col-lg-10 col-sm-10 col-md-10 col-sm-10 post_contenta' style='height:50px'></div>");
					jq('.post_contenta:last-child').append("<h4 style='text-align:center;margin-top:10px;line-height:15px'>没有更多游记了~</h4>")
				}
			});
			return false;
		}

	});

});
//恩 以下是js的写法  
//window.onload = function() {
//	var nowpage=1;
//	window.onscroll = function() {
//		
//		var viewheight = document.documentElement.clientHeight || document.body.clientHeight;
//		var scoll_top = document.documentElement.scrollTop || document.body.scrollTop;
//		var ali = document.getElementsByClassName('post_content');
//		var last_li = ali[ali.length - 1];
//		console.log(last_li.offsetTop, viewheight, scoll_top);
//		if(last_li.offsetTop < viewheight + scoll_top) {
//		}
//	}
//}